#wrap.outCall{
	background-color: #F7F7F7;
}
#outCall{
	padding-top: .24rem;
	padding-bottom: 1.36rem;
}
#outCall .choosePerson, #outCall .chooseDate , #outCall .details{
    margin-bottom: .24rem;
    font-size: .28rem;
}
#outCall .choosePerson {
    margin-bottom: 0;
}
#outCall .choosePerson ul, #outCall .chooseDate>ul , #outCall .details ul{
    overflow: hidden;
    border-top: 0.02rem solid #EEEEEE;
    border-bottom: 0.02rem solid #EEEEEE;
    background-color: #fff;
    padding: .12rem 3.6% .12rem 3.06666666666667%;
    height: .9rem;
    line-height: .66rem;
    box-sizing: border-box;
}
#outCall .choosePerson ul{
    border-bottom: none;
}
#outCall .choosePerson ul li, #outCall .chooseDate>ul li , #outCall .details ul li{
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}
#outCall .choosePerson ul li:nth-child(1), #outCall .chooseDate>ul li:nth-child(1) ,#outCall .details ul li:nth-child(1){
    border-right: 0.02rem solid #EEEEEE;
    width: 23.85714285714286%;
    color: #018BF0;
}
#outCall .choosePerson ul li:nth-child(1) i, #outCall .chooseDate>ul li:nth-child(1) i ,#outCall .details ul li:nth-child(1) i {
    width: .36rem;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.20rem;
}
#outCall .choosePerson ul li:nth-child(1) span, #outCall .chooseDate>ul li:nth-child(1) span ,#outCall .details ul li:nth-child(1) span{
    margin-left: .54rem;
}
#outCall .choosePerson ul li:nth-child(2), #outCall .chooseDate>ul li:nth-child(2) {
    width: 75.85714285714286%;
    color: #646A6F;
    text-align: right;
}
#outCall .details ul li:nth-child(1){
	width: 27%;
}
#outCall .details ul li:nth-child(2){
	width: 73%;
	text-align: center;
	font-size: .24rem;
	color: #9B9B9B;
}
#outCall .choosePerson ul li:nth-child(2) input{
	width: 100%;
	height: 100%;
	border:none;
	outline: none;
	text-align: right;
}
#outCall .choosePerson ul li:nth-child(2) input::-webkit-input-placeholder{
    text-align: right;
}
#outCall .chooseDate>ul li:nth-child(2) span {
    margin-right: .46rem;
}
#outCall .chooseDate>ul li:nth-child(2) i {
    width: .26rem;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.08rem;
}

#outCall .calendar{
	background-color: #fafafa;
	border-bottom: 1px solid rgba(204,204,204,0.50);
	display: none;
}
#outCall .calendar .months{
	height: .88rem;
    line-height: .88rem;
    text-align: center;
    font-size: .28rem;
    color: #4A4A4A;
    position: relative;
}
#outCall .calendar .months i.prevMonth{
    position: absolute;
    left: 0;
    height: .88rem;
    line-height: .96rem;
    padding-right: .3rem;
    padding-left: .24rem;
}
#outCall .calendar .months i.nextMonth{
    position: absolute;
    right: 0;
    height: .88rem;
    line-height: .96rem;
    padding-left: .3rem;
    padding-right: .24rem;
}
#outCall .calendar .months i.monthIcon img{
    display: inline;
   	width: .188rem;
}
#outCall .calendar .months i.yearIcon img{
    display: inline;
   	width: .224rem;
}
#outCall .calendar .week{
	height: .48rem;
	line-height: .48rem;
	color:#7A7A7A;
}
#outCall .calendar .week li{
	float: left;
	font-size: .28rem;
	width:14.28571428571429%;
	text-align: center;
}
#outCall .calendar .week li:last-child{
	margin-right: 0;
}
#outCall .calendar .days{
	padding-top: .2rem;
	padding-bottom: .08rem;
	width: 100%;
	margin: 0 auto;
    overflow: hidden;
    position: relative;
}
#outCall .calendar .days .dayWrap{
    position: absolute;
    left: 0;
    overflow: hidden;
}
#outCall .calendar .days .dayWrap div{
    float: left;
}
#outCall .calendar .days .day li{
    float: left;
    font-size: .36rem;
    width:14.28571428571429%;
    box-sizing: border-box;
    text-align: center;
    margin:0 0 .08rem 0;
    color: #4A4A4A;
}
#outCall .calendar .days .day li.chooseStartOne{
	background: url(../img/rlStart1.png) 0 0/100% 100% no-repeat;
	color: #fff;
}
#outCall .calendar .days .day li.chooseStart{
	background: url(../img/rlStart.png) 0 0/100% 100% no-repeat;
	color: #fff;
}
#outCall .calendar .days .day li.chooseEnd{
	background: url(../img/rlEnd.png) 0 0/100% 100% no-repeat;
	color: #fff;
}
#outCall .calendar .days .day li+.isChoose{
	background-color: rgb(174, 216, 246);
	color: #3D715D;
}
#outCall .calendar .calendarBtn{
	height: .88rem;
    line-height: .88rem;
    text-align: center;
    border-top: 1px solid rgba(204,204,204,0.50);
    font-size: .28rem;
    color: #018BF0;
}

#outCall .details{
	margin-bottom: 0;
}
#outCall .details .detailBox{
	margin-top: .24rem;
}
#outCall .details .detailBox .item{
	overflow: hidden;
	padding: .12rem 3.2% .12rem 0;
	line-height: .64rem;
    overflow: hidden;
}
#outCall .details .detailBox .item span{
    float: left;
	width: 19.00826446280992%;
	text-align: center;
	color: #6B6B6B;
	font-size: .28rem;
}
#outCall .details .detailBox .item input{
	float: left;
    width: 80.99173553719008%;
    height: .64rem;
	border: 1px solid #E0E0E0;
	border-radius: .08rem;
	outline: none;
	padding-left: .24rem;
	font-size: .24rem;
	box-sizing:border-box;
}
#outCall .details .detailBox .itemPhone input{
    /*width: 55.64738292011019%;*/
    /*flex:0 0 80.99173553719008%;*/
}
#outCall .details .detailBox .itemPhone i{
    float: left;
	width: 22.03856749311295%;
	background-color: #018BF0;
	color: #fff;
	border-radius: .16rem;
	margin-left: 3.30578512396694%;
	font-size: .24rem;
	text-align: center;
}
#outCall .affirmBtn {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 1.36rem;
    padding: .24rem;
    box-shadow: 0 -0.02rem 0 0 #E4E4E4;
    background-color: #fff;
    box-sizing: border-box;
    max-width: 750px;
    min-width: 320px;
}
#outCall .affirmBtn a {
    display: block;
    width: 100%;
    background-color: #018BF0;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    line-height: .88rem;
    border-radius: .16rem;
}
